<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>开发中</title>
    <link rel="stylesheet" type="text/css" href="./lib/element-ui.min.css" />
    <style>
        #Loading1{
            height:calc(100vh - 16px);
        }
    </style>
</head>
<body>
<div class="contract" id="Loading1" v-loading="loading"  element-loading-text="开发中。。。"
     element-loading-spinner="el-icon-loading"
     element-loading-background="rgba(0, 0, 0, 0.5)">
</div>
<script type="text/javascript" src="./lib/vue.min.js"></script>
<script type="text/javascript" src="./lib/element-ui.min.js"></script>
<script type="text/javascript">



  const vm = new Vue({ // 配置对象 options
    el: '#Loading1',  // element: 指定用vue来管理页面中的哪个标签区域
    data() {
      return {
        loading: true
      }
    },
    mounted() {


    },
    methods: {

    }

  })


</script>
</body>
</html>
